/**************************************/
/********   GLOBAL HEADER   ***********/
/**************************************/  

/* global header */
.global-header {
    height:40px; background:#0e1c2e; left: 0; position: fixed; right: 0; top: 0; z-index: 9996;
        background-image: url(../images/assets/footer-deathcloud-right-1.jpg);
    background-repeat: no-repeat;
    background-position: right -179px;
}
.global-header #logo {
    display:inline-block;
}
.global-header #logo a {
    display:block;
    width:30px;
}
.global-header .right { padding:5px; }
.global-header .btn-link { color:#fff; color: #fff; text-transform: uppercase; font-weight: 500; }
.global-header .btn-link:hover { color:#e26f99; text-decoration:none; }
.global-header .btn-link.dropdown-toggle { color:#66d2d2; }
.dropdown-menu-productbuilder-create li > a { padding:4px 22px 4px 20px; }

/*************************************/
/******    INITIAL SCREEN     ********/
/*************************************/

.initialscreen h1 { font-size:30px; margin:20px auto 25px auto; }
.builderContent {
    background-color:#f0f1f2;
}


/*************************************/
/*********    UPLOADER      **********/
/*************************************/
.tryAlternateUploader {
    margin-bottom:36px;
}
.uploadPaneBar {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.au-upldr-uploader {
    border:0;
}

.fineUploader.upload-box-wrapper > div {
    height:300px;
    cursor:pointer;
}


/**************************************/
/********   STICKY FOOTER   ***********/
/**************************************/   

.page-footer-upload-progress { width:100%; text-align:center; }
.page-footer-upload-progress .uploadprogresswrapper { width:300px; position:relative; display:inline-block; vertical-align:middle; }
.page-footer-upload-progress .uploadprogress-percent { color:#fff; font-weight: 600; left: 0;  position: absolute; text-align: center; width: 300px; z-index: 1; top:1px; }
.page-footer-upload-progress .link-view-details { vertical-align:middle; padding-left:5px; }
.btn-close-footer { color:#484b50; font-size: 30px; position: absolute; right: 15px; top: 7px; }
.btn-close-footer:hover { text-decoration:none; }


/**************************************/
/********   PRODUCTS   ***********/
/**************************************/  

.panel.product { padding-left:255px; position:relative; max-width:1024px; margin:0 auto 30px auto; }
.panel.product .product-image { background-position:center center; background-size:cover; position:absolute; background-repeat:no-repeat; top:10px; left:10px; width:240px; bottom:10px; }
.panel.product .product-image.contain { background-size:contain; }
.panel.product .product-price { padding-top:3px; font-weight:bold; font-size:12px; text-transform:uppercase; }


/**************************************/
/********   ORGANIZER   ***********/
/**************************************/   

.organizer { position:relative; }
.organizer * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.image-picker-wrapper { margin-left:258px; }
.image-picker { background:#f0f1f2; padding:65px 0 15px 15px; }
.image-picker-noimages { text-align:center; font-size:31px; background:url(../images/imageworkflow/icon-empty-category.png) center 55px no-repeat; margin:100px 0; padding: 185px 0 0 0; }

/* manual save bar */
.action-bar-bottom
{
    background:#ffffff; bottom: -80px; left: 235px; padding: 15px 20px; position: fixed; right: 0; z-index: 999; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.action-bar-bottom .btn {
	min-width:100px;
}
.page-sidebar-closed .action-bar-bottom { left:49px; }
@media (max-width: 991px) 
{
    .action-bar-bottom { left:0; }
}
 
/*********************************************/
/********    SET WRAPPER LEFT COL   **********/
/*********************************************/
/**** used for categories, music categories, etc... ****/


.setwrapper-leftcol { width:258px; position:fixed; top:110px; left:235px; bottom:0; background:#f9fafb; color:#222; border-right:solid 1px #cccccc; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:3; }
.setwrapper-leftcol .content { padding-bottom:60px; } /* make space for dropdown menus - refactor later to dynamic dropup */
.page-sidebar-closed .setwrapper-leftcol { left:49px; }
@media (max-width: 991px)
{
    .setwrapper-leftcol, .page-sidebar-closed .setwrapper-leftcol { left:0; }
}

.setwrapper h3 { font-size:14px; font-weight:500; text-transform:uppercase; color:#484b50; padding:4px 0 3px 0; margin:0 20px 0 0; }
.setwrapper { padding:0 0 30px 0; }
.setwrapper .set { padding-right:14px; padding-left:14px; margin-right:0; padding-bottom:2px; }   
.setwrapper header, .lightbox.fullscreen .setwrapper header { background:#e8e9ea; padding:10px 11px 11px; margin-bottom:14px; }
.setwrapper header a { display: inline-block; font-size: 12px; margin-right: -3px; margin-top:0; padding: 4px 8px; float:right; text-transform:none; }      
.setwrapper .emptyDiv {
    padding:10px 20px 0 20px;
    text-align:center;
}          

.set-item { background:#e8e9ea; position:relative; height:30px; line-height:30px; margin-bottom:2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; }
.set-item span { font-size:13px; }
.set-item .name { max-width:100%; margin-left:28px; margin-right:35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.set-item .count { position:absolute; top:0px; right:8px; font-size:11px; opacity:0.6; font-weight:600;  }        
.set-item .selectedcount { text-align:center; background:#fff; border-radius: 35px; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px;width:18px; position: absolute; right: 5px; top: 6px; }
.set-item .options { position:absolute; top:0; right:0; height:30px; width:auto !important; background:transparent !important; }   
.set .set-item .options button { color:#e26f99; background:#e8e9ea; height:30px; padding:5px 3px 4px; display:inline-block; width:30px; -moz-border-radius:0 4px 4px 0 !important; -webkit-border-radius:0 4px 4px 0 !important; border-radius:0 4px 4px 0 !important; }
.set-item .options.open { display:block !important; }          
/* .set-item.active:hover .options a, .set-item.selected:hover .options a { color:#e26f99; } */
.set-item.uneditable { padding-left:10px; }
.set-item.uneditable:hover .count { display:block; }        
.set-item.unselectable { cursor:default; }
.set-item.unselectable:hover { background:transparent; }
.set-item.clientfolder { padding-left:29px; }
.set-item.clientemail::before 
{
    display:inline-block; 
	content:'\2022';
	width:25px; 
	margin-left:-13px; 
	text-align:center; 
	font-size:20px; 
	color:#99cc66; 
	line-height:0; 
	vertical-align:middle;
}
.set-item .dropdown-menu { left:auto; right:0; min-width:100px !important; }
.set-item .button { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; font-family:Arial; padding:8px 9px; }
.set-item .btn .caret { right:11px !important; font-weight:bold !important; }

.set-item .toggle-set-item-wrapper { position:absolute; top:0; left:0; width:27px; height:30px; text-align:center; }
.set-item .toggle-set-item { font-size:11px; color:#aaaaaa; }
.set-item .toggle-set-item-wrapper:hover .toggle-set-item { color:#333; }
.set-item.selected .toggle-set-item-wrapper:hover .toggle-set-item { color:#fff; }
.set-item.selected .toggle-set-item, .set-item.selected .toggle-set-item:hover { color:#fff; }
.set-item.selected i.fa { color:#fff !important; }

.set-item .select-set-item-wrapper { position:absolute; top:0; left:0; width:27px; height:30px; text-align:center; }
.set-item .select-set-item { padding-top:1px; }

.set-item.webshow .name { margin-left:10px; }

.set-item .set-item-icon { padding-right:9px; }
.set-item.webshow .set-item-webshow { font-size:12px; padding-right:9px; }
.set-item .set-item-locked { font-size:12px; padding-right:9px; }
.set-item .set-item-hidden { font-size:14px; padding-right:6px; position:relative; top:0; }
.set-item .set-item-donotdisplay { font-size:11px; padding-right:6px; position:relative; top:-1px; }
.set-item .set-item-deleted { padding-right:9px; }

.set-item:hover { background:#d5d6d7; }
.set-item:hover .count { display:none; }
.lightbox.image-picker .set-item:hover .count { display:block; }      
.set-item:hover .options button { background:#d5d6d7; }
.set-item:hover .options { display:block !important; }
.set-item.active, .set-item.dragover { -webkit-box-shadow:inset 0 0 0 2px #e26f99; box-shadow:inset 0 0 0 2px #e26f99; }


.set-item.active .options button, .set-item.dragover .options button { width:28px; height:28px; display:none !important; }
.set-item.active:hover .count, .set-item.dragover:hover .count { display:block; }
.set-item.active .bootstrap-select.btn-group .btn .caret { right:9px !important; }
.set-item.dragover .bootstrap-select.btn-group .btn .caret { right:10px !important; }
.set-item.active .bootstrap-select.btn-group .dropdown-menu, .set-item.dragover .bootstrap-select.btn-group .dropdown-menu { margin-top:0; margin-right:-1px; }
.set-item.sortable.dragover-after:after {
    background: none repeat scroll 0 0 #e26f99;
    content: "";
    display: block;
    height: 2px;    
    width: 100%;
    position:relative;
    z-index:99;
    margin-top:0;
}
.set-item.sortable.dragover-before:before {
    background: none repeat scroll 0 0 #e26f99;
    content: "";
    display: block;
    height: 2px;    
    width: 100%;
    position:relative;
    z-index:99;
    top:-2px;
    margin-bottom:1px;
} 
.set-item.dragover-before .name { margin-top:-3px; }

.draggingcat 
{
    z-index:100; margin-left: 20px; background:#fff; position:relative; border:solid 1px #d7d7d7; height:30px; line-height:30px;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    -webkit-box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);    
    width:200px;
}
.draggingcat span { font-size:13px; }
.draggingcat .name { max-width:100%; margin-left:15px; margin-right:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }

.set-item.selected, .set-item.selected:hover { background:#e26f99; color:#fff; }
.set-item.selected .count, .set-item.selected:hover .count { color:#ffffff; }        
.set-item.selected .options button, .set-item.selected:hover .options button { background:#e26f99; color:#fff; }
       
.popover-content { width:275px; }



/*************************************/
/********    IMAGE PICKER   **********/
/*************************************/


.image-picker-controls { position:fixed; top:110px; right:0; left:493px; z-index:3; background:#f0f1f2; border-bottom:solid 1px #cccccc; }
.image-picker-controls > .content { position:relative; margin:0 auto; padding:12px 0; padding:0; }
.image-picker-controls .verticaldivider { display:inline-block; line-height:21px; padding:0 10px 0 0; color:#bbbbbb; }
.page-sidebar-closed .image-picker-controls { left:307px; }
@media (max-width: 991px)
{
    .image-picker-controls, .page-sidebar-closed .image-picker-controls { left:258px; }
}

.image-picker-controls.stuck { position:fixed; top:65px; }
.image-picker-controls .left ul { margin:0; }
.image-picker-controls .left .nav > li { vertical-align:middle; padding-top:4px; padding-bottom:4px; }
.image-picker-controls .left .btn-link { padding:7px 10px; color:#484b50; }
.image-picker-controls .left { padding-left:4px; }
.image-picker-controls .border-left { border-left:solid 1px #cccccc; padding-left:15px; }
/* .image-picker-controls .content .left .disabled { color:#aaaaaa; cursor:default; }   */
.image-picker-controls .btn-default:hover, .image-picker-controls .btn-default:active, .image-picker-controls .open .btn-default.dropdown-toggle { background:#ffffff; }


.image-picker-controls .right { position:absolute; top:11px; right:20px; }
.image-picker-controls .autosave-wrapper { display:inline-block; }
.image-picker-controls .imagecount { color:#aaaaaa; display:inline-block; }
.image-picker-controls .imagecount .numselected { color:#33ba89; display:block; font-weight:600; }
      
 
/* image picker thumbnails */

/* thumbnail parent - has box shadow */  
.image-picker .thumbnailparent {
    float:left;
    cursor:move;
    position:relative;        
    background:#fff;
    
    /* width:174px; height:174px; */
    /* margin:0 14px 14px 0; */
    
    border:solid 1px #d4d4d4;
    border-radius:4px;   
    background-color:#fff;          
    /* left:0; right:0; */
    z-index:1;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;      
}
.image-picker.no-sort .thumbnailparent { cursor:pointer; }

/* thumbnail - has background image */
.image-picker .thumbnailparent .thumbnail 
{
    /*
    width:172px;
    height:172px;
    */
    
    position:absolute;
    z-index:1;
    top:0; left:0; right:0; bottom:0;
    
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
    background-position:center center;
    background-repeat:no-repeat;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;     
    border:0; 
    margin:0;  
}

/* blue border */
.image-picker .thumbnailparent .selectedthumbnailborder 
{
    position:absolute;
    z-index:2;
    /* width:172px; height:172px; */
    
    top:0; left:0; right:0; bottom:0;
	
    background:transparent;
    border:solid 0 #e26f99;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;  
}

/* max width for original aspect ratio */
.image-picker .thumbnailparent img { max-width:100%; }

/* rotate and delete */
.image-picker .thumbnailparent .image-controls 
{
    position:absolute;
    z-index:3;
    bottom:10px;
    right:10px;
    display:none;
}

.image-picker .thumbnailparent:hover .image-controls { display:block; }
.image-picker .thumbnailparent .dropdown-menu { min-width:100px; }

/* feature photo icon */
.image-picker .thumbnailparent .featurephoto-thumbnail
{
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;    
    display:none;
}

.image-picker > .thumbnailparent:first-child .featurephoto-thumbnail { display:block; }

/*selected border */           
.image-picker .thumbnailparent.selected .selectedthumbnailborder    
{    
    border:solid 3px #e26f99;    
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}

/* if selected and square */
.image-picker .thumbnailparent .thumbnail.square {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

/* if selected and square then make sure image does scale it's width down  */
.image-picker .thumbnailparent .thumbnail.square img { max-width:none !important; }

.image-picker .thumbnailparent.isdragging { border:solid 1px #bbbbbb !important; background-color:#dddddd !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; }
.image-picker .thumbnailparent.isdragging .selectedthumbnailborder { display:none; }
.image-picker .thumbnailparent.isdragging .thumbnail { background-image:none !important; }
.image-picker .thumbnailparent.isdragging .featurephoto-thumbnail { display:none; }
.image-picker .thumbnailparent.isdragging:hover .image-controls { display:none !important; }

.image-picker .thumbnailparent.dropbefore
{    
    left:-25px;
    right:auto;
    z-index:2;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);
    border:solid 1px #bbbbbb;
}

.image-picker .thumbnailparent.dropafter
{    
    right:-25px;
    left:auto;
    z-index:2;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);
    border:solid 1px #bbbbbb;
}

/* empty thumb */

.image-picker .thumbnailparent.thumbnailplaceholder { background:#fff url(../../resources/images/imageworkflow/dbbs/thumbnailplaceholder.jpg) no-repeat center center; }

/* dragging single image */
.singleselectdrag 
{
    width:174px; height:174px;
    z-index:9999;
    background-repeat:no-repeat; background-position:center center;
    background-color:#fff;
    border-radius:4px;
    border:solid 3px #e26f99;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.singleselectdrag.square {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

/* dragging multiple images */
.multiselectdrag 
{
    width:174px; height:184px;
}

.multiselectdrag.square .inner {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);   
}
.multiselectdrag .inner 
{
    width:174px; height:174px;
    position:absolute;
    border:solid 1px #bbbbbb;
    z-index:4;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    background-repeat:no-repeat; background-position:center center; background-color:#fff;
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;    
}

.multiselectdrag .imagecount { cursor:default; position:absolute; top:10px; right:10px; }

.multiselectdrag .layer1 
{
    background:#ffffff;
    width:172px;
    height:172px;
    position:absolute; top:4px; left:1px; z-index:3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:solid 1px #bbbbbb;
    -moz-transform: scale(1) rotate(4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}        
.multiselectdrag .layer2 
{
    background:#ffffff;
    width:170px; height:170px;
    position:absolute; top:8px; z-index:2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:solid 1px #bbbbbb; left:2px;
    -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);   
    -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);      
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);                        
}

/* thumbnail filenames */
.image-picker .thumbnailparent .filename 
{
    background: none repeat scroll 0 0 #e8e9ea;
    color: #777777;
    font-size: 11px;    
    max-width: 100%;
    padding: 5px;
    text-align: center;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
    overflow-x:hidden;
    width: 100%;   
    position:absolute;
    top:0;
    left:0; 
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.image-picker .thumbnailparent .filename { display:none; }
.image-picker.showfilenames .thumbnailparent .filename { display:block; }        


/***** END IMAGE PICKER *****/


/*************************************/
/********    LIGHTBOXES     **********/
/*************************************/

/* uploading */
.selecteventsitelightbox .contentwrapper .contentheader { overflow:hidden; font-size:14px; font-weight:600; background:#fff; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.lightbox.default.selecteventsitelightbox .contentwrapper .content { max-height:225px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch; font-size:14px; margin-top:0; }
.lightbox.default.selecteventsitelightbox .contentwrapper.emptydataset .content { padding:100px 20px; font-weight:bold; overflow-y:auto; text-align:center; }
.column-eventname { float:left; width:353px; padding:15px; }
.column-eventdate { float:left; width:140px; padding:15px; }
.column-selectevent { float:left; width:100px; padding:15px; }
.eventrow { overflow:hidden; border-bottom:solid 1px #cfcfcf; padding:8px 0;}
.eventrow .eventname { float:left; width:353px; padding:8px 15px; }
.eventrow .eventdate { float:left; width:140px; padding:8px 15px; }
.eventrow .selectevent { float:left; width:100px; padding: 1px 10px 1px 0; text-align: right; }
.cancelupload { text-align:center; font-size:12px; }

/* custom tooltip widths */
#btnuploadcontinue + .popover .popover-content { width:260px; } /* wider tooltip */
#TB_NewDBB_AltPassword + .popover .popover-content { width:220px; } /* wider tooltip */

/* select event site lightbox */



/* upload progress lightbox */
.uploadingprogresslightbox .contentwrapper .contentheader { overflow:hidden; font-size:14px; background:#fff; font-weight:bold; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.lightbox.default.uploadingprogresslightbox .contentwrapper .content { height:225px; overflow-y:auto; overflow-x:hidden; font-size:14px; margin-top:0; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
/*.column-fileprogress { float:left; width:40px; }*/
.column-filename { float:left; width:480px; padding:15px; }
.column-filesize { float:left; width:185px; padding:15px 15px 15px 0; }
.column-removefile { float:left; width:45px; }
.file { border-bottom:solid 1px #cfcfcf; overflow:hidden; line-height:50px; }
/*
.file .check { float:left; width:40px; height:40px; background:url(../images/assets/sprite-icons.png?version=2) no-repeat -91px 0; margin-top:9px; }
.file .uploading { float:left; width:40px; height:37px; margin-top:12px; }
.file .uploading img { display:block; margin:0 auto; }
*/
.file .filename { float:left; width:480px; padding-left:15px; }
.file .filesize { float:left; width:190px; }
.file .removefile { float:left; width:35px; height:50px; text-align:center; color:#bbbbbb; font-size:24px; line-height:49px; cursor:pointer; }
.file .removefile:hover { color:#666666; }
.uploadingprogresslightbox .uploadprogresswrapper { position:absolute; top:28px; left:50%; width:300px; margin-left:-150px; }
.uploadingprogresslightbox .upload-message-content { margin-bottom:0; padding:127px !important; }

/* select images from event site lightbox */
.image-picker.lightbox { padding:0; }
.image-picker.lightbox header .selected-image-count { display:inline-block; margin:0 0 0 15px; padding:7px;  text-align: center; width: 220px; vertical-align:middle; }
.image-picker.lightbox .image-picker-controls { margin-bottom:15px; background:transparent; }
.image-picker.lightbox .image-picker-controls { position: static; top:auto; left:auto; right:auto; bottom:auto; }
.image-picker.lightbox .yellowwrapper { margin-right:15px; margin-left:15px; margin-bottom:5px; }
.image-picker.lightbox .thumbnailswrapper { padding:0 0 0 15px; }

/* settings lightbox - app icon */
.appicon {
    position:relative; float:left; margin-bottom:5px; border:solid 1px #d4d4d4; width:100px; height:100px;
    border-radius:3px;
    margin-right:10px;
    cursor:pointer;
    background-color:#fff;
}   

.appiconlist { position:relative; padding:25px 0 20px 20px; }
.addnewappicon { float:left; margin-right:20px; margin-bottom:20px; border:dashed 3px #cfcfcf; border-radius:4px; background:#fff; width:100px; height:100px; padding-top:31px; text-align:center; color:#b0b0b0; font-weight:bold; cursor:pointer; }
.appiconthumbnail { position:relative; float:left; margin-bottom:20px; background-color:#fff; border:solid 1px #d4d4d4; width:100px; height:100px; border-radius:4px; margin-right:20px; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); cursor:pointer; }
.appiconthumbnail.selected { border:solid 3px #e26f99; }
.appiconimagewrapper {
    width:63px; height:63px; margin:18px auto 0 auto;
    background:#ffffff; 
    padding:3px;
    position:relative;
}
.appiconthumbnail.selected .appiconimagewrapper { margin:14px auto 0 auto; }
.appiconimagewrapper img { max-width:57px; max-height:57px; position:relative; z-index:2; margin:0 auto; display:block; }
.appiconimagewrapper .appiconmask { z-index:3; width:63px; height:63px; position:absolute; top:0; left:0; background:url(../images/imageworkflow/dbbs/appicon-mask.png) no-repeat 0 0; }
.appiconimagewrapper .appiconbase { position:absolute; width:61px; height:61px; z-index:1; background:#000; top:1px; left:1px; }
.appiconthumbnail .iconclosemodal { position:absolute; width:35px; height:35px; top:-16px; right:-16px; background:url(../images/assets/sprite-closemodal.png) 0 0 no-repeat; cursor:pointer; z-index:2; }
.appiconthumbnail.selected .iconclosemodal { top:-20px; right:-20px; }

.appiconuploadpreviewwrapper { width:110px; padding:5px; float:left; margin-right:20px; }
.appiconplaceholder { width:100px; height:100px; background:#fff url(../images/imageworkflow/dbbs/thumbnailplaceholder-small.jpg) no-repeat center center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #cfcfcf; }
.appiconuploadcontent { float:left; width:437px; }  



/* thumbnail selector panel with uploader */
.addnewthumbnail { float:left; margin-right:20px; margin-bottom:20px; border:dashed 3px #cfcfcf; border-radius:4px; background:#fff; width:100px; height:100px; padding-top:31px; text-align:center; color:#b0b0b0; font-weight:bold; cursor:pointer; }
.thumbnailselector-wrapper { overflow:hidden; height:170px; float:left; }
.thumbnailselector { position:relative; float:left; margin-bottom:40px; background-color:#fff; border:solid 1px #d4d4d4; width:150px; height:150px; border-radius:4px; margin-right:20px; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); cursor:pointer; }
.thumbnailselector.selected { border:solid 3px #e26f99; }
.thumbnailselector-inner {
    width:130px; height:130px; margin:10px auto 0 auto; padding:0;
    background:#ffffff; 
    padding:0;
    position:relative;
}
.thumbnailselector.selected .thumbnailselector-inner { margin:8px auto 0 auto; }
.thumbnailselector .filename {
    text-align:center; font-size:11px; margin-top:15px; padding:0 3px;
}
.thumbnailselector.selected .filename {
    padding:0;
}
.thumbnailselector img {
    max-width:130px; max-height:130px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); z-index:2; margin:0 auto; display:block;
}
.thumbnailselector .thumbnailbase { position:absolute; width:130px; height:130px; background:#f0f1f2; top:0; left:0; z-index:1; }
.thumbnailselector .iconclosemodal { position:absolute; width:35px; height:35px; top:-16px; right:-16px; background:url(../images/assets/sprite-closemodal.png) 0 0 no-repeat; cursor:pointer; z-index:2; }
.thumbnailselector.selected .iconclosemodal { top:-20px; right:-20px; }

.thumbnailselector .button-delete {
    display:none;
    position:absolute;
    top:10px;
    right:9px;
    background-color:rgba(0,0,0,0.4);
    color:#fff;
    text-align:center;
    width:34px;
    height:34px;
    line-height:34px;
    z-index:3;

}

.thumbnailselector:hover .button-delete {
    display:block;
     background-color:rgba(0,0,0,0.7);
     color:#fff;
}

.thumbnailselector.selected .button-delete {
    top:8px;
    right:7px;
}

.thumbnailuploadpreviewwrapper { width:150px; padding:5px; float:left; margin-right:20px; }
.thumbnailselectorplaceholder { width:150px; height:150px; background:#fff url(../images/imageworkflow/dbbs/thumbnailplaceholder-small.jpg) no-repeat center center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #cfcfcf; }
.thumbnailselectoruploadcontent { float:left; width:437px; }  




/* sharing lightbox */
.lightbox-sharedbb .content .left { float:left; background:#fff; padding-right:20px; width:200px; }
.lightbox-sharedbb .content .left img { max-width:180px; }
.lightbox-sharedbb .content .right { float:left; width:500px; }

/* payment lightbox (has some duplicate styles as accessplans */
.lightbox.payment .expirationdate select { width:90px; }
.lightbox.payment .accountcredit .input-prepend { margin-bottom:0; }
.lightbox.payment .accountcredit .availableaccountcredit { display:inline-block; color:#909090; margin-left:10px; }
.lightbox.payment .accountcredit .availableaccountcredit span { color:#1c884a; font-weight:bold; }
.lightbox.payment .dbbtotal { text-align:right; font-family:GibsonRegular, Arial, Sans-Serif; font-size:34px; }
.lightbox.payment .dbbtotal span { color:#1c884a; }
.lightbox.payment .dbbunlimitedcta { width:360px; padding-top:4px; }
	
/* preview lightbox */
.dbb-preview-wrapper { position:relative; background:url(../images/imageworkflow/dbbs/dbb-iphonepreview.png) no-repeat 0 0; width:799px; height:418px;margin:0 auto; }
.dbb-preview-content { position:absolute; width:568px; height:320px; background:#232323; top:29px; left:118px; overflow-y:hidden; }
.dbb-preview-loading { display:none; position:absolute; width:40px; height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; }

/* upload lightbox */
#DV_Uploader { text-align:center; }
#DV_Uploader.no-extra-buttons { padding-bottom:50px !important; }
#DV_Uploader_TryHtml5 { margin-bottom:10px; }
#DV_Uploader .redwrapper { text-align:center; padding:10px; margin-bottom:10px; }
#DV_Uploader_Wrapper { background:url(../images/assets/stripes-gray.png) repeat 0 0; padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#DV_Uploader_Wrapper object { display:block; }
#DV_Uploader_Wrapper_ImageGalleries { background:url(../images/assets/stripes-gray.png) repeat 0 0; }
#DV_Uploader_Extra .well { margin-bottom:0; }
#DV_Uploader .uploadto { text-align:left; padding-bottom:10px; padding-top:15px; margin-top:-27px; }
.lightbox.uploadgallery { height: auto; width: 670px; padding: 12px 11px 118px; }
.lightbox.uploadgallery .aurigmawrapper { padding:6px 6px 0 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.lightbox.uploadgallery .aurigmawrapper-inner { position: relative; width: 636px; height: 380px; background:#fff; }
.lightbox.uploadgallery .uploadextras > .content { position: absolute; bottom: 0; left: 0; text-align: center; width: 670px; padding-top: 20px; }
.lightbox.uploadgallery .uploadextras > .content .buttonswrapper { padding-bottom:25px; }
.lightbox.uploadgallery .uploadextras > .content .footnote { font-size: 12px; color: #777777; background:#ececec; padding:10px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
#DV_Uploader_Wrapper .au-ip-instructions {
    padding:20px !important;
}

/* fulfillment lightbox */
.lightbox.fulfillment .col { padding:20px; margin-right:20px; margin-top:0 !important; width:260px; float:left; height:415px; text-align:center; position:relative; }
.lightbox.fulfillment .col3 { margin-right:0; }
.lightbox.fulfillment img { display:block; margin:0 auto 15px auto; }
.lightbox.fulfillment h3 { margin-bottom:15px; }
.lightbox.fulfillment p { text-align:left; }
.lightbox.fulfillment .button { width:130px; position:absolute; left:50%; margin-left:-65px; bottom:25px; }

/* custom bootstrap css tables */
.custom-bs-table {
    display:table;
    width: 100%;
    max-width: 100%;
}
.custom-bs-tr {
    display:table-row;
}
.custom-bs-td {
    display:table-cell;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* custom scrolling tables */
.custom-table .custom-table-header { overflow:hidden; font-size:14px; background:#fff; font-weight:bold; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; }
.custom-table .content.scrolling { max-height:225px; background:#fff; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch; font-size:14px; margin-top:0 !important; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.custom-table .content.scrolling-x { overflow-x:auto !important; }
.custom-table .custom-table-row { border-bottom:solid 1px #e7e7e7; overflow:hidden; line-height:21px; }
.custom-table .custom-table-row:last-child { border-bottom:0; }
.custom-table .custom-table-row > .custom-table-row-inner > div { float:left; padding:15px 15px 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.custom-table .custom-table-header > .custom-table-header-inner > div { float:left; padding:15px 15px 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.custom-table .custom-table-row > .custom-table-row-inner > div:first-child { padding:15px; }
.custom-table .custom-table-header > .custom-table-header-inner > div:first-child { padding:15px; }
.custom-table .custom-table-row div.right { text-align:right; }
.custom-table .emptydataset { padding:70px 30px; text-align:center; }
.custom-table-row-inner, .custom-table-header-inner { display:table-row; }

/* generic table styles */
.custom-table.onecol .custom-table-row > .custom-table-row-inner > div, .custom-table.onecol .custom-table-header > .custom-table-row-inner > div { width:100%; }
.custom-table.twocol .custom-table-row > .custom-table-row-inner > div, .custom-table.twocol .custom-table-header > .custom-table-row-inner > div { width:50%; }
.custom-table.threecol .custom-table-row > .custom-table-row-inner > div, .custom-table.threecol .custom-table-header > .custom-table-row-inner > div { width:33.3333%; }
.custom-table.fourcol .custom-table-row > .custom-table-row-inner > div, .custom-table.fourcol .custom-table-header > .custom-table-row-inner > div { width:25%; }

/* thumbnails in datables */

.thumbnail-table-wrapper {
    float:left;  
    width:100px; 
    height:100px; 
}

    
/* thumbnail */  
.thumbnailparent-table {
    position:relative;        
    background:#fff;
    background-color:#fff;
    z-index:1;
    width:100px;
    height:100px; 
}

.thumbnailparent-table .thumbnail
{
    position:absolute;
    z-index:1;
    top:0; left:0; right:0; bottom:0;    
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
    background-position:center center;
    background-repeat:no-repeat;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;     
    border:0; 
    margin:0;  
    background-color:#f0f1f2;
    border:solid 1px #f0f1f2;
}


/* custom event types */
.custom-table-event-types .column-name { width:520px; }
.custom-table-event-types .column-delete { width:70px; text-align:right; }
.custom-table-event-types .column-edit { width:60px; text-align:right; }
.custom-table-event-types .custom-table-row .name { width:520px; }
.custom-table-event-types .custom-table-row .delete { width:75px; text-align:right; }
.custom-table-event-types .custom-table-row .edit { width:55px; text-align:right; }

/* photo credits */
.custom-table-photo-credits .column-email { width:235px; }
.custom-table-photo-credits .column-code { width:135px; }
.custom-table-photo-credits .column-total { width:90px; }
.custom-table-photo-credits .column-balance { width:100px; }
.custom-table-photo-credits .column-view { width:55px; text-align:right; }
.custom-table-photo-credits .column-edit { width:55px; text-align:right; }
.custom-table-photo-credits .custom-table-row .email { width:235px; }
.custom-table-photo-credits .custom-table-row .code { width:135px; }
.custom-table-photo-credits .custom-table-row .total { width:90px; }
.custom-table-photo-credits .custom-table-row .balance { width:100px; }
.custom-table-photo-credits .custom-table-row .view { width:55px; text-align:right; }
.custom-table-photo-credits .custom-table-row .edit { width:55px; text-align:right; }

/* photo credit history */
.custom-table-photo-credit-history .column-ordernumber { width:120px; }
.custom-table-photo-credit-history .column-date { width:120px; }
.custom-table-photo-credit-history .column-ordertotal { width:230px; }
.custom-table-photo-credit-history .column-creditused { width:120px; }
.custom-table-photo-credit-history .custom-table-row .ordernumber { width:120px; }
.custom-table-photo-credit-history .custom-table-row .date { width:120px; }
.custom-table-photo-credit-history .custom-table-row .ordertotal { width:230px; }
.custom-table-photo-credit-history .custom-table-row .creditused { width:120px; }


/* shipping charges */
.custom-table-shipping-charges .column-name { width:280px; }
.custom-table-shipping-charges .column-domestic { width:100px; }
.custom-table-shipping-charges .column-international { width:115px; }
.custom-table-shipping-charges .column-delete { width:75px; text-align:right; }
.custom-table-shipping-charges .column-edit { width:55px; text-align:right; }
.custom-table-shipping-charges .custom-table-row .name { width:280px; }
.custom-table-shipping-charges .custom-table-row .domestic { width:100px; }
.custom-table-shipping-charges .custom-table-row .international { width:115px; }
.custom-table-shipping-charges .custom-table-row .delete { width:75px; text-align:right; }
.custom-table-shipping-charges .custom-table-row .edit { width:55px; text-align:right; }

/* discounts*/
.custom-table-discounts .checkbox { margin-top:0; margin-bottom:0; }
.custom-table-discounts .column-name { width:100%; }
.custom-table-discounts .custom-table-row .name { width:100%; }

/* embedded links */
.custom-table-embedded-links .column-webaddress { width:400px; }
.custom-table-embedded-links .column-linktext { width:242px; }
.custom-table-embedded-links .column-delete { width:75px; text-align:right; }
.custom-table-embedded-links .column-edit { width:55px; text-align:right; }
.custom-table-embedded-links .custom-table-row .webaddress { width:400px; }
.custom-table-embedded-links .custom-table-row .linktext { width:242px; }
.custom-table-embedded-links .custom-table-row .delete { width:75px; text-align:right; }
.custom-table-embedded-links .custom-table-row .edit { width:55px; text-align:right; }

/* manage email templates */
.custom-table-email-templates .column-template-name { width:100%; }
.custom-table-email-templates .custom-table-row .template-name { width:355px; white-space:normal !important; overflow:visible !important; }
.custom-table-email-templates .custom-table-row .template-actions { width:235px; text-align:right; padding-right:0; }
.custom-table-email-templates .custom-table-row .template-actions a { display:inline-block; margin-left:20px; }


/* settings lightbox - feature photo */
.featurePhotoDiv { position:relative; display:table; }
.selectfeaturephoto { float:left; background-color:#e0e0e0 !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff; width:70px; height:70px; cursor:pointer; background-size:cover; background-position:center center; }
.selectfeaturephoto-hover { display:none; position:absolute; z-index:1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width:70px; height:70px; cursor:pointer; background-color:rgba(0, 0, 0, .6); }
.featurePhotoDiv:hover .selectfeaturephoto-hover { display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-weight:600; padding-top:23px; }
.project-name .selectfeaturephoto { height: 50px; margin-right: 10px; margin-top: 1px; width: 50px; }
.project-name .selectfeaturephoto-hover { height: 50px; margin-right: 10px; margin-top: 1px; width: 50px; padding-top:14px !important; }

/* stats lightbox */
.statbox { text-align:center; padding:20px 0; min-height:165px; }
.stat-value { font-size:42px; font-family:"montserrat",sans-serif; font-weight:600; }
.stat-definition a { font-size:13px; }


/* generic progress lightbox */
.lightbox.genericprogressmodal .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  }

/* processing lightbox */
.lightbox.processinglightbox { width:450px; text-align:center; padding:10px 0;  }

/* upload choice lightbox */
.lightbox.uploadchoice .content { padding:40px 23px; }
.lightbox.uploadchoice .left { width: 260px; float: left; }
.lightbox.uploadchoice .right { width: 260px; float: left; }
.lightbox.uploadchoice .orcircle { float: left; margin: 21px 20px 0 20px; }
.lightbox.uploadchoice .button { width:260px; }
.lightbox.uploadchoice .redtext, .lightbox.uploadchoice .greentext { padding:8px 0 0 0; text-align:center; font-weight:bold; }

/* zoom image lightbox */
.lightbox.lightbox-zoom-image .zoom-image-wrapper-outer { padding:15px; margin-bottom:0; }
.lightbox.lightbox-zoom-image .zoom-image-wrapper-outer .zoom-image-wrapper-inner { display:table; width:500px; height:500px; }
.lightbox.lightbox-zoom-image .zoom-image-wrapper-outer .zoom-image-wrapper-inner .zoom-image-inner { display:table-cell; vertical-align:middle; text-align:center; width:500px; height:500px; }
.lightbox.lightbox-zoom-image img { display:inline-block; margin-bottom:13px; }
.lightbox.lightbox-zoom-image .zoom-image-filename { display:block; max-width:500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }

.zoom-image-prev { float:none; display:block; width:48px; height:67px; background-image:url(../images/imageworkflow/icons/icon-zoom-image-nav.png); background-position:0 0; position:fixed; top:50%; left:20px; margin-top:-24px; text-indent:-5000px; z-index:30000; opacity:0.5; filter: alpha(opacity=50); }
.zoom-image-prev:hover { opacity:1; filter: alpha(opacity=100); }
.zoom-image-next { float:none; display:block; width:48px; height:67px; background-image:url(../images/imageworkflow/icons/icon-zoom-image-nav.png); background-position:-48px 0; position:fixed; top:50%; right:20px; margin-top:-24px; text-indent:-5000px; z-index:30000; opacity:0.5; filter: alpha(opacity=50); }
.zoom-image-next:hover { opacity:1; filter: alpha(opacity=100); }
.icon.zoomimage-prev, .icon.zoomimage-next 
{
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}


/* playlists */
.custom-table-playlists .column-name { width:325px; }
.custom-table-playlists .column-numsongs { width:130px; }
.custom-table-playlists .column-delete { width:75px; text-align:right; }
.custom-table-playlists .column-edit { width:55px; text-align:right; }
.custom-table-playlists .custom-table-row .name { width:325px; }
.custom-table-playlists .custom-table-row .num-songs { width:130px; }
.custom-table-playlists .custom-table-row .delete { width:75px; text-align:right; }
.custom-table-playlists .custom-table-row .edit { width:55px; text-align:right; }


/* playlist - edit / create lightbox */
.lightbox-music-picker .set-item .name { margin-left:10px; }
.lightbox-music-picker .set-item:hover .count { display:block; }
.lightbox-music-picker .music-picker-nosongs { text-align:center; font-size:31px; margin:0; padding:180px 0 0 0; }
.lightbox-music-picker .music-picker-nosongs i { color:#cccccc; font-size:100px; }
.lightbox-music-picker .selectedsongs { padding:0 15px 15px 15px; }
.lightbox-music-picker .selectedsongs .song { border-bottom:solid 1px #cccccc; display:table; width:100%; height:35px; }
.lightbox-music-picker .selectedsongs .song .left { display:table-cell; padding:10px 5px 10px 0; text-align:left; height:35px; line-height:35px; vertical-align:middle; }
.lightbox-music-picker .selectedsongs .song .right { display:table-cell; padding:10px 5px; text-align:right; height:35px; line-height:35px; vertical-align:middle; }
.lightbox-music-picker .selectedsongs .song * { vertical-align:middle; }
.lightbox-music-picker .selectedsongs .song .sortsong { margin-right:8px; }
.lightbox-music-picker .selectedsongs .song .playsong { margin-right:8px; margin-top:0; padding:10px; cursor:pointer; }
.lightbox-music-picker .selectedsongs .song .playsong:hover { color:#e26f99; }
.lightbox-music-picker.lightbox.twocol .leftcol { width:285px; }
.lightbox-music-picker.lightbox.twocol .rightcol { left:285px; }


.set .song { padding:3px; font-size:12px; }
.set .song .playsong { vertical-align:bottom; margin-right:2px; cursor:pointer; margin-right:5px; }
.set .song .playsong:hover { color:#e26f99; }

.lightbox.manageplaylist > section > header { -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; }
.lightbox.manageplaylist .organizer-header-controls { margin-bottom:15px; background:transparent; }
.lightbox.manageplaylist .organizer-header-controls .content { background:transparent; width:auto; margin:0 15px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.lightbox.manageplaylist .contentwrapper { padding:0; }
.lightbox.manageplaylist .eventsitecategories { float:left; width:200px; min-height:400px; background:#fff; padding:15px 20px; }
.lightbox.manageplaylist .eventsitecategories li a { display:block; line-height:22px; overflow:hidden; color:#999999; margin-bottom:5px; font-size:13px; font-weight:bold; }
.lightbox.manageplaylist .eventsitecategories li a i { background:url(../images/assets/sprite-icons.png?version=2) no-repeat -27px -91px; float:left; width:25px; height:21px; }
.lightbox.manageplaylist .eventsitecategories li a.allphotos i { background-position:0 -91px; }
.lightbox.manageplaylist .eventsitecategories li a.category i { background-position:-27px -91px; }
.lightbox.manageplaylist .eventsitecategories li a.allphotos:hover i { background-position:0 -121px; }
.lightbox.manageplaylist .eventsitecategories li a.category:hover i { background-position:-27px -121px; }
.lightbox.manageplaylist .eventsitecategories li a.selected { color:#484b50; }
.lightbox.manageplaylist .eventsitecategories li a.allphotos.selected i { background-position:0 -121px; }
.lightbox.manageplaylist .eventsitecategories li a.category.selected i { background-position:-27px -121px; }
.lightbox.manageplaylist .gallery-wrapper { margin:0 auto; float:left; width:720px; height:400px; overflow-x:hidden; overflow-y:auto; background:#ededed; -moz-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.2); }        


/* apply quick settings confirm lightbox */
.lightbox.confirmquicksettings .footerwrapper { border:0; }
.lightbox.confirmquicksettings .panel-body { margin:0 20px; padding:10px 0; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; }
.lightbox.confirmquicksettings .panel { margin-bottom:0; }
.lightbox.confirmquicksettings tr td:first-child { font-weight:600; }

/* "upload to" lightbox */
.lightbox.lightbox-upload-to .setwrapper { padding-left:0; }
.lightbox.lightbox-upload-to .setwrapper .set { padding-right:0; padding-left:0; }
.lightbox.lightbox-upload-to .setwrapper h3 { font-size:13px !important; font-weight:500 !important; color:#484b50 !important; padding:3px 0 8px 0 !important; margin:0 20px 5px 0 !important; }
.lightbox.lightbox-upload-to .content { max-height:500px; overflow-y:auto; margin:20px; padding:10px; }
.lightbox.lightbox-upload-to .set-item:hover .count { display:block; }

/* lightbox category passwords */
.custom-table-category-passwords .column-category { width:268px; }
.custom-table-category-passwords .column-password { width:290px; }
.custom-table-category-passwords .custom-table-row .category { width:268px; }
.custom-table-category-passwords .custom-table-row .password { width:290px; }
.custom-table-category-passwords .form-control { height:30px; padding:3px 10px; width:100%; }
.custom-table-category-passwords .custom-table-row { border:0; }
.custom-table-category-passwords .custom-table-row .custom-table-row-inner > div { border:0; padding-bottom:1px !important; padding-top:1px !important; }
.custom-table-category-passwords .custom-table-row:first-child .custom-table-row-inner > div { padding-top:15px !important; }
.custom-table-category-passwords .custom-table-row:last-child .custom-table-row-inner > div { padding-bottom:15px !important; }
.custom-table-category-passwords .set-item:hover { background:#e8e9ea; cursor:default; }
.custom-table-category-passwords .set-item:hover .count { display:block; }

/* lightbox quick settings list */
.lightbox-quick-settings-list dl { margin-bottom:0; }
.lightbox-quick-settings-list dt { width:215px; }


/* lightbox fulfillment */
.lightbox-fulfillment .panel.right-actions { padding-right:0; }


/* lightbox tour guide */
.lightbox-tour-guide a:hover { text-decoration:none; }
.lightbox-tour-guide a:hover i { opacity:0.6; }
.lightbox-tour-guide a i { font-size:16px; margin-right:4px; width:17px; text-align:center; }
.lightbox-tour-guide .well {
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}


/* lightbox upload validation errors */
.lightbox-upload-validation .filename { white-space:nowrap; }


/* legacy dbb theming lightbox */
.lightbox.dbbthemes .content .left { width:505px; float:left; overflow-y:scroll; height:495px; position:relative; }
.lightbox.dbbthemes .content .left .formsection { padding-left:20px; }
.lightbox.dbbthemes .content .left .formsectioncontent { width:315px; }
.lightbox.dbbthemes .content .left .content { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.lightbox.dbbthemes .content .left section { border-bottom:solid 1px #d4d4d4; padding-bottom:20px; }
.lightbox.dbbthemes .content .right { width:282px; float:left; border-left:solid 1px #d4d4d4; }
.lightbox.dbbthemes .left h3 { padding:5px 20px 5px 20px; }
.customswatch { float:left; margin-right:5px; width:45px; height:30px; position:relative; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #d4d4d4; background-clip:padding-box !important; }
.lightbox.dbbthemes .content .left .customtheme label { width:215px; padding-top:6px; }
.lightbox.dbbthemes .content .left .customtheme input[type=text] { padding:6px 6px 7px 6px; }
.dbbpreview { margin:45px 32px 15px 42px; background:url(../images/imageworkflow/dbbs/sprite-dbb-themepreview.png) 0 bottom no-repeat; width:210px; height:435px; position:relative; }
.dbbpreview .headingwrapper { position:absolute; z-index:2; top:56px; left:22px; width:164px; height:38px; text-align:center; font-weight:bold; color:#fff; padding-top:6px; }
.dbbpreview .thumbnails { position:absolute; z-index:3; top:0; left:0; width:164px; height:217px; background:url(../images/imageworkflow/dbbs/sprite-dbb-themepreview.png) -502px -98px no-repeat; }
.dbbpreview .thumbnailswrapper { background:#d8d8d8; position:absolute; z-index:1; top:94px; left:22px; width:164px; height:252px; }
.dbbpreview .dbbpreviewfooter { position:absolute; z-index:3; top:314px; left:28px; width:150px; height:30px; border-top:solid 1px #9a9a9a; color:#9a9a9a; font-size:9px; text-align:center; padding:8px 0 0 0; }
.dbbpreview.dark .thumbnailswrapper { background:#222222; }
.dbbpreview.dark .dbbpreviewfooter { border-top:solid 1px #666666; color:#666666; }
.dbbpreview .headingwrapper .heading { font-size:9px; font-family:Arial, Sans-Serif; }
.dbbpreview .headingwrapper .subheading { font-size:11px; font-family:Arial, Sans-Serif; }

.lightbox.dbbthemes .formsectionheader { float: left; padding-top: 2px; width: 150px; }
.lightbox.dbbthemes .formsectioncontent { float: left; padding:10px 0; width: 250px; }

.lightbox.dbbthemes .leftlabel div.formelement { padding-bottom:15px; }
.lightbox.dbbthemes .leftlabel label { float:left; font-weight:600; font-family:'montserrat',Arial; width:300px; }

/* theme swatches */
.themeswatches { margin-left:-1px; padding-left:0; }
.themeswatches li { float:left; width:51px; height:38px; position:relative; list-style-type:none; }
.themeswatches .swatch { cursor:pointer; position:absolute; top:4px; left:4px; width:45px; height:30px; text-indent:-5000px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #d4d4d4; background-clip:padding-box !important; }
.themeswatches .swatch:hover { width:49px; height:33px; top:2px; left:2px; }

.themeswatches .swatch.hex-000000, .dbbpreview.hex-000000 .headingwrapper { background:#000000; } /* black */
.themeswatches .swatch.hex-1e1e1e, .dbbpreview.hex-1e1e1e .headingwrapper { background:#1e1e1e; } /* gray 1 */
.themeswatches .swatch.hex-4e4e4e, .dbbpreview.hex-4e4e4e .headingwrapper { background:#4e4e4e; } /* gray 2 */
.themeswatches .swatch.hex-7a7a7a, .dbbpreview.hex-7a7a7a .headingwrapper { background:#7a7a7a; } /* gray 3 */
.themeswatches .swatch.hex-b4b4b4, .dbbpreview.hex-b4b4b4 .headingwrapper { background:#b4b4b4; } /* gray 4 */
.themeswatches .swatch.hex-ffffff, .dbbpreview.hex-ffffff .headingwrapper { background:#ffffff; color:#404040; } /* white */
.themeswatches .swatch.hex-625843, .dbbpreview.hex-625843 .headingwrapper { background:#625843; } /* brown 1 */
.themeswatches .swatch.hex-a7997e, .dbbpreview.hex-a7997e .headingwrapper { background:#a7997e; } /* brown 2 */
.themeswatches .swatch.hex-128cb4, .dbbpreview.hex-128cb4 .headingwrapper { background:#128cb4; } /* teal */
.themeswatches .swatch.hex-1264b5, .dbbpreview.hex-1264b5 .headingwrapper { background:#1264b5; } /* blue 1 */
.themeswatches .swatch.hex-a4c4ff, .dbbpreview.hex-a4c4ff .headingwrapper { background:#a4c4ff; color:#0f316f;  } /* baby blue */
.themeswatches .swatch.hex-123bb5, .dbbpreview.hex-123bb5 .headingwrapper { background:#123bb5; } /* blue 2 */
.themeswatches .swatch.hex-1212b5, .dbbpreview.hex-1212b5 .headingwrapper { background:#1212b5; } /* blue 3 */
.themeswatches .swatch.hex-3b12b5, .dbbpreview.hex-3b12b5 .headingwrapper { background:#3b12b5; } /* purle 1 */
.themeswatches .swatch.hex-6412b5, .dbbpreview.hex-6412b5 .headingwrapper { background:#6412b5; } /* purple 2 */
.themeswatches .swatch.hex-8c12b5, .dbbpreview.hex-8c12b5 .headingwrapper { background:#8c12b5; } /* magenta 1 */
.themeswatches .swatch.hex-f2b3ff, .dbbpreview.hex-f2b3ff .headingwrapper { background:#f2b3ff; color:#743183; } /* baby pink */
.themeswatches .swatch.hex-b512b5, .dbbpreview.hex-b512b5 .headingwrapper { background:#b512b5; } /* magenta 2 */
.themeswatches .swatch.hex-b5127f, .dbbpreview.hex-b5127f .headingwrapper { background:#b5127f; } /* pink 1 */
.themeswatches .swatch.hex-b51256, .dbbpreview.hex-b51256 .headingwrapper { background:#b51256; } /* pink 2 */
.themeswatches .swatch.hex-cf0a2a, .dbbpreview.hex-cf0a2a .headingwrapper { background:#cf0a2a; } /* red */
.themeswatches .swatch.hex-b52d12, .dbbpreview.hex-b52d12 .headingwrapper { background:#b52d12; } /* orange 1 */
.themeswatches .swatch.hex-d85f08, .dbbpreview.hex-d85f08 .headingwrapper { background:#d85f08; } /* orange 2 */
.themeswatches .swatch.hex-ce8d0c, .dbbpreview.hex-ce8d0c .headingwrapper { background:#ce8d0c; } /* yellow orange */
.themeswatches .swatch.hex-b5a712, .dbbpreview.hex-b5a712 .headingwrapper { background:#c4b50d; } /* green 1 */
.themeswatches .swatch.hex-71b512, .dbbpreview.hex-71b512 .headingwrapper { background:#a5c212; } /* green 2 */
.themeswatches .swatch.hex-46bb0a, .dbbpreview.hex-46bb0a .headingwrapper { background:#46bb0a; } /* green 3 */
.themeswatches .swatch.hex-12b548, .dbbpreview.hex-12b548 .headingwrapper { background:#12b548; } /* green 4 */
.themeswatches .swatch.hex-12b57f, .dbbpreview.hex-12b57f .headingwrapper { background:#12b57f; } /* sea green 1 */
.themeswatches .swatch.hex-12b5a7, .dbbpreview.hex-12b5a7 .headingwrapper { background:#12b5a7; } /* sea green 2 */
.themeswatches .swatch.hex-eaf2e3, .dbbpreview.hex-eaf2e3 .headingwrapper { background:#eaf2e3; color:#87AC4D; } /* light grassy green */
.themeswatches .swatch.hex-cae3e0, .dbbpreview.hex-cae3e0 .headingwrapper { background:#cae3e0; color:#248b7f; } /* mason */
.themeswatches .swatch div { border:0; height:33px; left: 0; position: absolute; top: 0; width:49px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.themeswatches .swatch.selected { width:49px; height:33px; top:3px; left:3px; border:0; } 
.themeswatches .swatch:hover div, .themeswatches .swatch.selected div { border:solid 4px #e26f99; height:33px; left:0; position:absolute; top:0; width:49px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


/* roomview */

    .thumbnail-room-wrapper {
        float:left;  
        width:190px; 
        height:250px;        
        margin:0 24px 30px 0; 
        text-align:center;
    }

    .thumbnail-room-wrapper:nth-child(3n+0) {
        margin-right:0;
    }
    
    /* thumbnail */  
    .thumbnailparent-room {
        cursor:pointer;
        position:relative;        
        background:#fff;
        border-radius:3px;   
        background-color:#fff;
        z-index:1;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; 
        width:190px;
        height:190px;      
        margin-bottom:5px; 
        -moz-border-radius:3px;
        border-radius:3px;
    }

    .thumbnailRoomEmail, .thumbnailRoomName {
        text-overflow:ellipsis;
        overflow:hidden;
        display:block;
        padding:3px;
        white-space:nowrap;
    }

    /* thumbnail - has background image */
    .thumbnailparent-room .thumbnail
    {
        position:absolute;
        z-index:1;
        top:0; left:0; right:0; bottom:0;    
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; 
        background-position:center center;
        background-repeat:no-repeat;    
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;     
        border:0; 
        margin:0;  
        background-color:transparent;
    }

    /* blue border */
    .thumbnailparent-room .selectedthumbnailborder 
    {
        position:absolute;
        z-index:2;        
        top:0; left:0; right:0; bottom:0;	
        background:transparent;
        border:solid 1px #cfd0d1;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;  
        -moz-border-radius:3px;
        border-radius:3px;
    }

    .thumbnail-room-wrapper.selected .selectedthumbnailborder 
    {
        position:absolute;
        z-index:2;        
        top:0; left:0; right:0; bottom:0;	
        background:transparent;
        border:solid 6px #e26f99;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;  
    }

    .thumbnailparent-room:hover {
        background-color:#f0f1f2;
    }

    .thumbnail-room-wrapper:not(.selected) .thumbnailparent-room:hover .selectedthumbnailborder {
        border:solid 1px #cfd0d1;
    }

    .thumbnailparent-upload {
        border:dashed 3px #e26f99;
        text-align:center;
        height:190px;
        width:190px;
        font-weight:bold;
        cursor: pointer;
    }

    .thumbnailparent-upload div {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

    /* max width for original aspect ratio */
    .thumbnailparent-room img { max-width:100%; }

.btn-group-table {
    display: table;
}
.btn-group-table .btn-group {
    display: table-row;
}
.btn-group-table .btn-group .btn {
    display: table-cell;
    white-space: normal;
    float: none;
    height: auto;
    line-height: 1.4;
    vertical-align: middle;
    padding: 5px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
     -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-width:2px;
    font-weight:600;
}
.btn-group-table.btn-group-table-xlarge .btn-group .btn {
    padding: 20px 10px;
}
.btn-group-table .btn-group .btn:not(.button-border) {
    color:#fff !important;
    background:#e26f99;
}
.btn-group-table .btn-group .btn:not(.button-border) .text-muted {
    color: #fff;
    opacity:0.7;
}
.process-steps {
    margin: 0 0 40px;
    list-style: none;
    padding:0;
}
.process-step-custom {
    padding: 0 20px;
}
.process-steps li {
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    overflow: hidden;
}
.process-steps.process-3 li {
    width: 33.33%;
}
.process-step-custom .custom-icon {
    font-size: 56px;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}
.process-step-custom .custom-icon {
    background-color: #fff;
}
.process-steps li h5 {
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 400;
}
.process-steps li.process-step-custom h5 {
    font-size: 14px;
    line-height: 1.4;
}
/*
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    border-left: 0;
}
    */
.uploadbox {
    height: 300px;
    padding: 0 50px;
    border: 3px dashed #e26f99;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.uploadbox .uploadbox-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.process-steps li:before, .process-steps li:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    margin-left: -26px;
    width: 50%;
    border-top: 2px solid #cfcfcf;
}
.process-steps li:first-child:before, .process-steps li:last-child:after {
    display:none;
}
.process-steps li:after {
    left: auto;
    right: 0;
    margin: 0 -26px 0 0;
}
.process-steps li::before, .process-steps li::after {
    border-color: #cfcfcf;
}
.rvLayer {
    background-color:rgba( 0, 0, 0, 0.4 );
}
.rvLayerHandle {
    background-color:rgba( 0, 0, 0, 0.6 );
    width:15px;
    height:15px;
    cursor:pointer;
}
.rvLayerHandle_RESIZE_L_T {
    background-image:url('../images/imageworkflow/crophandle-topleft-small.png');
    background-repeat:no-repeat;
    background-position:left top;
    background-color:transparent !important;
    cursor:nwse-resize !important;
}
.rvLayerHandle_RESIZE_R_T {
    background-image:url('../images/imageworkflow/crophandle-topright-small.png');
    background-repeat:no-repeat;
    background-position:right top;
    background-color:transparent !important;
    cursor:nesw-resize !important;
}
.rvLayerHandle_RESIZE_R_B {
    background-image:url('../images/imageworkflow/crophandle-bottomright-small.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    background-color:transparent !important;
    cursor:nwse-resize !important;
}
.rvLayerHandle_RESIZE_L_B {
    background-image:url('../images/imageworkflow/crophandle-bottomleft-small.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    background-color:transparent !important;
    cursor:nesw-resize !important;
}
.roomNameUploadRoom {
    position:absolute; top:90px; left:0; right:0 
}
.rvLayerObject.rvLayerOrientationWidth {
    /* background-image:url('../images/icon-ruler.jpg'); */
    background-repeat:repeat-x;
    background-size:contain;
    background-position:left top;
    background-color:#e3c161 !important;
    cursor:move;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}
.rvLayerObject.rvLayerOrientationHeight {
    /* background-image:url('../images/icon-ruler-vertical.jpg'); */
    background-repeat:repeat-y;
    background-size:contain;
    background-position:left top;
    background-color:#e3c161 !important;
    cursor:move;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}
.rvLayerObject.rvLayerHandle {
    background-color:none;
    background-image:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.roomEditorFormFields {
    max-width:776px; margin:0 auto 15px auto;
}
.form-control.error {
    border-color:#e26f99;
}
.roomEditorFormFields label.error {
    color:#e26f99;
}
.dz-progress-bar {
    background-color:#e26f99;
}
#measurementInput-error {
    position: absolute;
    bottom: -25px;
    left: 0;
}
/*  end - roomview */
/*-----------------------------------------------------------------------------------
    icomoon font
-----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?mc6wbu1');
  src:  url('../fonts/icomoon.eot?mc6wbu1#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?mc6wbu1') format('truetype'),
    url('../fonts/icomoon.woff?mc6wbu1') format('woff'),
    url('../fonts/icomoon.svg?mc6wbu1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icomoon-icon-"], [class*=" icomoon-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: gcfd0d1rayscale;
}

.icomoon-icon-uniE6C1:before {
  content: "\e6c1";
}
.icomoon-icon-uniE6C2:before {
  content: "\e6c2";
}
.icomoon-icon-uniE7B7:before {
  content: "\e7b7";
}
.icomoon-icon-uniE7B8:before {
  content: "\e7b8";
}
.icomoon-icon-uniE7B9:before {
  content: "\e7b9";
}
.icomoon-icon-bounding-box:before {
  content: "\e900";
}
.icomoon-icon-camera:before {
  content: "\e901";
}
.icomoon-icon-couch:before {
  content: "\e902";
}
.icomoon-icon-couch-tape:before {
  content: "\e903";
}
.icomoon-icon-measuring-tape:before {
  content: "\e904";
}
.icomoon-icon-room:before {
  content: "\e905";
}



/* lightbox background */
.cmodalbg
{
    position: fixed;
    height: 100%;
    width: 100%;    
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    background:#1e2835 !important;
    zoom: 1;    
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    opacity: 0.80;
}           

/* boudoir */
.boudoirWarning { margin-top:5px; margin-bottom:0; }


/**************************************/
/*************   WATERMARKS   ***************/
/**************************************/  

.sitebuilder-watermarks .dropdown-toggle { padding-left:41px; }
.watermark-dropdown-toggle-imagewrapper { position:absolute; top:0; left:0; bottom:0; background:#d7d7d7; border-radius:3px 0 0 3px; }
.watermark-dropdown-toggle-imagewrapper img { display:inline-block; max-width:35px; margin-top:6px; }
.watermark-dropdown-content .watermark-dropdown-item { position:relative; height:35px; line-height:35px; padding-left:41px; margin-bottom:4px; padding-right:17px; }
.watermark-dropdown-content .watermark-dropdown-item-imagewrapper { position:absolute; top:0; left:0; background:#f0f1f2; }
.watermark-dropdown-content .watermark-dropdown-item-imagewrapper img { vertical-align:middle; display:inline-block; max-width:35px; }
.watermark-dropdown-content .watermark-dropdown-item:hover { color:#e26f99; cursor:pointer; }



/**************************************/
/*************   BRANDS   ***************/
/**************************************/  




/***********************************************************/
/*************   Preview and THeme Overpanel   ***************/
/*************************************************************/  

 
.overpanel-customize-right, .overpanel-customize-sidebar, .overpanel-customize .collapse-sidebar, .overpanel-customize-iframe-wrapper, .overpanel-customize-main {
    transition-duration: 0.2s;
    transition-property: left, right, top, bottom, width, margin;
}
.overpanel-customize-right {
    background: #fff none repeat scroll 0 0;
    bottom: 0; /* 32px if upload in progress */
    left: 0;
    min-width: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index:100;   
    margin-left: 300px;
    background:#f0f1f2;   
    min-width:300px !important;      
}
.overpanel-customize-oneocol {
    background: #fff none repeat scroll 0 0;
    bottom: 0; /* 32px if upload in progress */
    left: 0 !important;
    min-width: 0;
    overflow: hidden;
    position: fixed;
    right: 0 !important;
    top: 0 !important;
    z-index:100;   
    margin-left: 0;
    background:#fff;     
    overflow-y:auto;    
}
.overpanel-content-1280 {
    max-width: 1280px;
    margin: 0 auto;
}
.overpanel-customize-oneocol .button-close {
    position:absolute;
    top:10px;
    left:10px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
}
.overpanel-customize-oneocol .page-title {
    text-align:center;
    padding:20px 60px 0 60px;
}
.overpanel-customize-oneocol .page-title h3 {
    margin-bottom:0;
}
.overpanel-customize-oneocol .overpanel-btn-done {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    margin: 0;
}

.overpanel-customize-iframe-wrapper {
    bottom:20px;            
    left:20px;
    position: absolute;
    right:20px;
    top:60px;
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 14px 2px rgba(0,0,0,0.15);            
}
.device-size { text-align:right; padding-right:30px; }        
.toggle-fullscreen { float:left; padding-left:20px; }
        
        
/* sidebar */               
.overpanel-customize.collapsed, .overpanel-customize.expanded .overpanel-customize-sidebar {
    margin-left: 0!important;
} 
        
.overpanel-customize-sidebar {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    bottom: 85px; /* 117px if upload in progress */
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 10;
}
.overpanel-customize .slider-pips {
    margin-bottom:30px;
}
        
.overpanel-customize-sidebar-content h3 
{
    font-size:15px; padding:10px; margin:0 -20px 15px -20px; font-weight:600; background:#f0f1f2;
}
        
/* sidebar - header */    
.overpanel-customize-sidebar .overpanel-customize-header {
    border-bottom: 1px solid #e8e9ea;            
            
}
.overpanel-customize-sidebar .overpanel-customize-header {
    height: 58px;
    left: 0;
    line-height: 58px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 10;
    text-align:center;
}
.overpanel-customize-sidebar .overpanel-customize-header h3 { margin:0; line-height:58px; font-size:20px; }

/* sidebar - content */    
.overpanel-customize-sidebar .overpanel-customize-sidebar-content {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 58px;
    padding:0 20px 20px 20px;
}
        
.overpanel-customize-sidebar .overpanel-customize-sidebar-content ul, .overpanel-customize-sidebar .overpanel-customize-sidebar-content ul li { list-style:none; padding:0; margin:0; }
        
.overpanel-customize-sidebar .overpanel-customize-sidebar-content .overpanel-customize-sidebar-nav { margin:5px -10px; padding:8px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }     
.overpanel-customize-sidebar .overpanel-customize-sidebar-content .overpanel-customize-sidebar-nav.first { margin-top:-10px; }
.overpanel-customize-sidebar .overpanel-customize-sidebar-content .overpanel-customize-sidebar-nav:hover { background:#f0f1f2; cursor:pointer; }     
.overpanel-customize-sidebar .overpanel-customize-sidebar-content .overpanel-customize-sidebar-nav h4 { margin:0; padding:0; }     
        
.overpanel-customize.collapsed, .overpanel-customize.expanded .overpanel-customize-sidebar {
    margin-left: 0 !important;
}
.overpanel-customize, .overpanel-customize-sidebar, .overpanel-customize .collapse-sidebar, .overpanel-customize-iframe-wrapper {
    transition-duration: 0.2s;
    transition-property: left, right, top, bottom, width, margin;
}
        
/* sidebar - footer */ 
.overpanel-customize-footer {            
    bottom: 0;  /* 32px if upload in progress */
    display: block;            
    left: 0;   
    height:85px;         
    padding:20px 0 0 0;
    position: fixed;
    text-decoration: none;            
    z-index: 100;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-align:center;
    background:#fff;
    width:300px;
}      
        
/* iframe */
.overpanel-customize iframe 
{
    width:100%; height:100%; border:0;
}
        
/* iframe sizes */
.overpanel-customize-iframe-wrapper 
{            
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.overpanel-customize .iframe-desktop { max-width:100%; margin:0 auto; top:56px; }
.overpanel-customize .iframe-tablet { max-width:768px; margin:0 auto; top:56px; }
.overpanel-customize .iframe-mobile { max-width:375px; margin:0 auto; height:667px; }
        
        
.overpanel-customize .sidebar-hide { left:-300px; }
        
.overpanel-customize .fullscreen { margin-left:0 !important; }
.overpanel-customize .fullscreen .overpanel-customize-iframe-wrapper { top:0; left:0; right:0; bottom:0; }
        
        
/* cover */
.cover-images .cover-image
{
    width:110px; height:100px; background:#e0e0e0 url(); background-size:cover; border:solid 1px #e0e0e0; float:left; margin-right:8px; position:relative;
}


.cover-images-mosaic .cover-image
{
    width:75px; height:75px; background:#e0e0e0 url(); background-size:cover; border:solid 1px #e0e0e0; float:left; margin-right:0; position:relative; margin-bottom:0;
    border-radius:0;
}
.cover-images-mosaic .cover-image .thumbnail
{    
    border-radius:0;
}


.cover-images .cover-image:hover 
{
    z-index:2;
}
.cover-feature-photo-label { position:absolute; top:0; left:0; right:0; height:20px; line-height:20px; background-color:#e26f99; color:#fff; text-align:center; font-size:12px; font-weight:600; }
.cover-images-mosaic .cover-feature-photo-label { font-size:8px; }
.cover-image-add-image { width:110px; height:100px; background:transparent; border:dashed 2px #e0e0e0; float:left; margin-left:5px; text-align:center; color:#666666; font-weight:600; position:relative; }
.cover-images .cover-image:nth-child(2n-1) .dropdown-menu { left:0; right:auto; min-width:130px; }
.cover-images .cover-image .dropdown-menu { padding:10px 10px 10px 0; }

/* mosaic cover image menus */
.cover-images-mosaic .cover-image:nth-child(1) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(2) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(4) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(7) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(8) .dropdown-menu {
    left:0; right:auto; min-width:130px;
}
.cover-images-mosaic .cover-image:nth-child(3) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(6) .dropdown-menu, .cover-images-mosaic .cover-image:nth-child(9) .dropdown-menu {
    left:auto; right:0; min-width:130px;
}

.customize-color-swatch { float:right; width:30px; height:30px; background:#ffffff; border:solid 1px #d0d0d0; vertical-align:middle; }        
.save-saved-theme { width:100%; height:50px; line-height:50px; background:#f9f9f9; border:dashed 2px #e0e0e0; text-align:center; color:#666666; font-weight:600; border-radius:3px; }

/********************************************/
/******   overpanel customize email   *******/

/********************************************/  

/* sidebar */               
 
.overpanel-customize-email .overpanel-customize-sidebar {
    width: 400px;
}

/* right */

.overpanel-customize-email .overpanel-customize-right {
    margin-left:400px;
}

/* footer */
.overpanel-customize-email .overpanel-customize-footer {
    width:400px;
}

/* message max length */
.messageDiv .bootstrap-maxlength {
    top:0 !important; right:0 !important; left:auto !important;
}

.cke_chrome { -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }


/**************************************/
/*************   CART   ***************/
/**************************************/   

.productbuilder-cart { padding-top:40px; }
.productbuilder-cart h1 { margin-bottom:40px; font-size:34px; text-align:center; }
.productbuilder-cart .microsection-header-main {
    -webkit-box-shadow:0 1px 15px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 15px 0 rgba(0,0,0,0.1);
    background:#fff;
}


/**************************************/
/*************   SETTINGS   ***************/
/**************************************/   
.tagsinput { display:inline-block; margin-right:5px; vertical-align:middle; }

/**************************************/
/******   PROGRESS INDICATOR   ********/
/**************************************/   

.progressindicator { font-size:14px; font-weight:400; text-align:center; padding-top: 25px; padding-bottom: 10px; }
.progressindicator ol { display:inline-block; padding:0; }
.progressindicator li { display:inline-block; padding-left:20px; color:#aaaaaa; }
.progressindicator li:first-child { padding-left:0; }
.progressindicator li a, .progressindicator li .progressindicator-step { color:#aaaaaa; cursor:default; }
.progressindicator li a:hover { color:#aaaaaa; cursor:default; text-decoration:none; }
.progressindicator li i { font-weight:500; font-size:14px; line-height:25px; display:inline-block; border-radius:40px; background:#cfd0d1; color:#fff; margin-right:10px; width:25px; height:25px; text-align:center; font-style:normal; text-align:center; }
.progressindicator li.selected a, .progressindicator li.selected .progressindicator-step { color:#333; cursor:pointer }
.progressindicator li.selected i { background:#e26f99; }
.progressindicator li.selected a:hover { cursor:pointer; text-decoration:underline; }


/**************************************/
/********   PROGRESS BARS   ***********/
/**************************************/   
        
/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }
  from {
    background-position: 44px 0;
  }
}

@-moz-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }
  from {
    background-position: 36px 0;
  }
}

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 19px;  
  background-color: #abb2bc;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  background:#d7d7d7;
}
.ui-progress-bar.blue .ui-progress {
  background-color: #339BB9!important;
  border: 1px solid #287a91;
}
.ui-progress-bar.error .ui-progress {
  background-color: #C43C35 !important;
  border: 1px solid #9c302a;
}
.ui-progress-bar.warning .ui-progress {
  background-color: #D9B31A!important;
  border: 1px solid #ab8d15;
}
.ui-progress-bar.success .ui-progress {
  background-color: #57A957!important;
  border: 1px solid #458845;
}
.ui-progress-bar.transition .ui-progress 
{
    /* original */
    /*
    -moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    -webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    -o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
    */
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.ui-progress-bar .ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;  
  height: 19px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  -moz-background-size: 36px 36px;
  background-color: #e26f99;
  
/* Progress part of the progress bar - min-width at 3% to look nice */
  min-width:3% !important; 
}

.uploadprogresswrapper span.ui-label {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 11px;
    position: absolute;
    right: 0;
    top:-30px;  
    line-height: 23px;
    padding:0 12px;      
    white-space: nowrap;
    background:#fff;    
    display:block;
    font-weight:600;
    color:#333;
    text-align:center;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
      background-color: #ffffff;
    border: 0;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
            background-clip: padding-box;
}

.uploadprogresswrapper .popover.top .arrow {
    border-top-color:rgba(0, 0, 0, 0.10) !important;
}



/* new create menu */
.nav-topright-create-dropdown-menu > li .multi-column-dropdown {
    list-style:none;
    padding:0; margin:0;
}


.nav-topright-create-dropdown-menu > li .multi-column-dropdown > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.52857;
    color: #484b50;
    white-space: nowrap;
    padding: 15px 25px;
    white-space: normal;
    font-size: 13px;
}


.dropdown-menu-create .col-xs-6 {
    padding: 0 0 0 1px;
    min-height:340px;
}

    .dropdown-menu-create .col-xs-6:after {
        content: '';
        position: absolute;
        background: rgba(0,0,0,0.2);
        padding: 0;
        top: -10px;
        bottom: -10px;
        left: 0;
        width: 1px;
    }

    .dropdown-menu-create .col-xs-6:first-child {
        padding: 0;
    }

        .dropdown-menu-create .col-xs-6:first-child:after {
            display: none;
        }



.label-pink {
    color: #e26f99;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding-bottom: 10px;
}

.nav-topright-create-dropdown-menu {
    width: 599px;
    max-width: 599px;
    margin-top: -5px !important;
    padding: 10px 0;
    list-style:none;
}

    .nav-topright-create-dropdown-menu > li .multi-column-dropdown > li > a {
        padding: 15px 25px;
        white-space: normal;
        font-size: 13px;
    }

        .nav-topright-create-dropdown-menu > li .multi-column-dropdown > li > a b {
            font-size: 14px;
            display: block;
            padding-bottom: 1px;
            font-weight:600;
        }

    .nav-topright-create-dropdown-menu .label-pink {
        display: block;
        padding: 18px 25px 13px 25px;
        text-align: left;
    }


.badge.adminv2 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 11px !important;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #cfd0d1;
    border-radius: 10px;
    text-shadow: none !important;
    vertical-align: middle;
}

.badge-success.adminv2 {
    background-color: #33ba89 !important;
    color: #fff !important;
    background-image: none;
}

.badge.badge-sm.adminv2 {
    padding: 4px 8px;
}


/********************************************/
/**************     ALERTS      *************/
/********************************************/

/* #region Alerts */

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -16px;
    top: 4px;
    font-size: 12px !important;
    background-image: none !important;
    text-indent: 0;
    opacity: 0.7;
}

.alert-dismissable .close:hover, .alert-dismissible .close:hover {
    opacity:1;
}

.alert-sbv2-watermark {
    margin:0; position:absolute; top:45px; left:258px; right:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}

/* #endregion Alerts */




/********************************************/
/************     SWITCHERY      ************/
/********************************************/


/* #region Switchery */

.switchery {
    margin-right: 10px;
}

.switchery.switchery-default {
    background-clip:border-box;
    border-radius: 20px;
    height: 28px;
    width: 66px;
    border-width:3px;
}

.switchery.switchery-default > small {
  height: 28px;
  width: 28px;
}

    .switchery.switchery-default.disabled {
        cursor:default;
    }

    .switchery.switchery-default.disabled > small {
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
    }

        .switchery.switchery-default.disabled ~ .switchLabel {
            opacity:0.5;
        }

.switchery-label-on {
    position: absolute;
    text-transform: none;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    top: 5px;
    left: 10px;
    color:#fff;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    opacity:1;
    line-height:18px !important;
}

.switchery-label-off {
    position: absolute;
    text-transform: none;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    top: 5px;
    right: 7px;
    color:#999;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    opacity:1;
    line-height:18px !important;
}

.switchery.is-checked .switchery-label-on {
    visibility:visible;
    opacity:1;
}

.switchery.is-checked .switchery-label-off {
    visibility:hidden;
    opacity:0;  
    right:-9px;
}

.switchery:not(.is-checked) .switchery-label-on {
    visibility:hidden;
    opacity:0; 
    left:-6px; 
}

.switchery:not(.is-checked) .switchery-label-off {
    visibility:visible;
    opacity:1;
}


/* #endregion */




/**************************************************************************/
/*               PACE (standalone usage outside of plugin)                */
/**************************************************************************/

/* #region Pace Standalone */

/* small version */

.pace-standalone-small {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 32px;
    width: 32px;
    margin: auto;
}

    .pace-standalone-small .pace-standalone-activity {
        display: block;
        height: 32px;
        width: 32px;        
        border-width: 32px;
        border-color: #e26f99 transparent transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

        .pace-standalone-small .pace-standalone-activity:before {
            content: ' ';
            position: absolute;
            top: 8px;
            left: 8px;
            height: 16px;
            width: 16px;
            display: block;
            border-width: 2px;
            border-style: solid;
            border-color: #e26f99 transparent transparent;
            border-radius: 50%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

/* medium version */

.pace-standalone-medium {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 60px;
    width: 60px;
    margin: auto;
}

    .pace-standalone-medium .pace-standalone-activity {
        display: block;
        height: 60px;
        width: 60px;
        border-width: 60px;
        border-color: #e26f99 transparent transparent;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

        .pace-standalone-medium .pace-standalone-activity:before {
            content: ' ';
            position: absolute;
            top: 15px;
            left: 15px;
            height: 30px;
            width: 30px;
            display: block;
            border-width: 2px;
            border-style: solid;
            border-color: #e26f99 transparent transparent;
            border-radius: 50%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

/* #endregion*/



/**************************************/
/*********   PRINT STYLES    **********/
/**************************************/   
@media print 
{    
    /* sbv2 receipt */
    .global-header { display:none; }
    .productbuilder-cart .receipt-thank-you { display:none; }
    .productbuilder-cart .progressindicator { display:none; }
    .microsection-header-wrapper { display:none; }
    .productbuilder-cart .dl-horizontal dt { text-align:left; }
    .productbuilder-cart .well { padding:0 0 20px 0; }
    .lnk-print-receipt { display:none; }
    body, .microsection-body > .content { width:100%; }
    .sectionHeader { text-align:right !important; width:100%; padding-right:20px; font-weight:600; font-size:24px !important; }
    .print-receipt-logo { display:block; padding:15px 0 0 15px; }
    .receipt-customer-service-message { padding:0 15px; }
    /* end sbv2 receipt */
    
    /* other */
    .mastheadbanner-wrapper { display:none; }
    
    * { -webkit-print-color-adjust:exact; print-color-adjust: exact; }        
    
    body { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }      
    a, a:visited { text-decoration: underline; }  
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    
    .footer-gray-wrapper { display:none; }
}